.uni-C4C7CC {
	color: #c4c7cc;
}

.top-box {
	padding-top: calc(var(--status-bar-height) + 44px + 32rpx);
}

.question-item {
	width: 686rpx;
	height: 96rpx;
	background: $uni-white;
	border-radius: 24rpx;
	margin-left: 32rpx;
	margin-top: 20rpx;
	box-sizing: border-box;
	padding: 0 28rpx;
}

.question-box {
	width: 100vw;
	background: $uni-white;
	box-sizing: border-box;
	padding: 40rpx 32rpx;
	.video-box {
		width: 100%;
		height: 384rpx;
		background: $uni-F5F5F5;
		margin-top: 20rpx;
		border-radius: 16rpx;
	}
	.video-item {
		width: 156rpx;
		height: 156rpx;
		background: #F5FAF9;
		border-radius: 8rpx;
		margin-right: 20rpx;
		margin-top: 24rpx;
		flex-shrink: 0;
	}
	.video-add {
		border: 2rpx dashed $uni-text-color-main;
		font-size: 44rpx;
		line-height: 156rpx;
		text-align: center;
		color: $uni-text-color-main;
	}
	.bg-FBF1EE {
		background: #FBF1EE;
		color: $uni-orange;
	}
	
	.bg-EEF4F3 {
		background: #EEF4F3;
		color: $uni-text-color-main;
	}
	.tag-common {
		font-size: 24rpx;
		padding: 8rpx 20rpx;
		margin-right: 20rpx;
		flex-shrink: 0;
		border-radius: 8rpx;
		max-width: 640rpx;
	}
	.add-solution {
		width: 640rpx;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		border-radius: 16rpx;
		border: 2rpx solid $uni-text-color-main;
		color: $uni-text-color-main;
		margin-top: 40rpx;
	}
}

.solution-box {
	width: 100%;
	box-sizing: border-box;
	padding: 32rpx;
	background: #F5FAF6;
	border-radius: 28rpx 24rpx 40rpx;
	margin-top: 60rpx;
	.title {
		width: 640rpx;
		height: 88rpx;
		line-height: 88rpx;
		text-align: center;
		background: #E3EEE3;
		border-radius: 16rpx;
		box-sizing: border-box;
		margin-top: 20rpx;
		padding: 0 24rpx;
	}
	.line {
		width: 8rpx;
		height: 28rpx;
		background: $uni-orange;
		border-radius: 6rpx;
		margin-right: 20rpx	}
}

.add-icon {
	width: 136rpx;
	height: 136rpx;
	position: fixed;
	bottom: 200rpx;
	right: 16rpx;
}
